import Vue from 'vue'
import VueRouter from 'vue-router'
import Button from '../views/content/child/main-child/buttonshow.vue'
import Dialouge from '../views/content/child/main-child/dialougeshow.vue'
import Switch from '../views/content/child/main-child/switchshow.vue'
import Input from '../views/content/child/main-child/inputshow.vue'
import Radio from '../views/content/child/main-child/radioshow.vue'
import RadioGroup from '../views/content/child/main-child/radiogroupshow.vue'
import Checkbox from '../views/content/child/main-child/checkboxshow.vue'
import CheckboxGroup from '../views/content/child/main-child/checkboxgroupshow.vue'
import Introduce from '../views/content/document/introduce.vue'
import Install from '../views/content/document/isntall.vue'
import Into from '../views/content/document/into.vue'
import Usuage from '../views/content/document/usuage.vue'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    redirect: '/introduce'
  },
  {
    path: '/button',
    name: 'Button',
    component: Button
  },
  {
    path: '/dialouge',
    name: 'dialouge',
    component: Dialouge
  },
  {
    path: '/switch',
    name: 'Switch',
    component: Switch
  },
  {
    path: '/input',
    name: 'Input',
    component: Input
  },
  {
    path: '/radio',
    name: 'Radio',
    component: Radio
  },
  {
    path: '/radiogroup',
    name: 'RadioGroup',
    component: RadioGroup
  },
  {
    path: '/checkbox',
    name: 'Checkbox',
    component: Checkbox
  },
  {
    path: '/checkboxgroup',
    name: 'CheckboxGroup',
    component: CheckboxGroup
  },
  {
    path: '/introduce',
    name: 'Introduce',
    component: Introduce
  },
  {
    path: '/install',
    name: 'Install',
    component: Install
  },
  {
    path: '/into',
    name: 'Into',
    component: Into
  },
  {
    path: '/usuage',
    name: 'Usuage',
    component: Usuage
  }
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router
